<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:c="http://java.sun.com/jsp/jstl/core">

<ui:composition template="template.xhtml">
	<ui:define name="corpo">
		<!-- Main hero unit for a primary marketing message or call to action -->
		<div class="hero-unit">
			<h1>Bem vindo a livraria!</h1>
			<p>Essa é uma livraria de exemplo de código JSF.</p>
		</div>

		<!-- Example row of columns -->
		<div class="row">
			<div class="span9">
				<h2>
					<h:inputText id="filtroNomeLivro" value="#{livroFiltroMB.filtroNomeLivro}">
						<f:ajax event="keyup" listener="#{livroFiltroMB.filtrarLivros}" render="@this, form:resultadoPesquisa"/>
					</h:inputText>
				</h2>
				<p>
					<h:panelGroup id="resultadoPesquisa">
						<ui:repeat var="livro" value="#{livroFiltroMB.livrosFiltrados}">
							<h:commandLink value="#{livro.nome} - #{livro.autor.nome} - #{livro.categoria.nome} - R$#{livro.preco},00" action="livro.jsf">
								<f:param name="nomeLivro" value="#{livro.nome}" />
							</h:commandLink><br/>
						</ui:repeat>
					</h:panelGroup>
				</p>
			</div>
		</div>
		<ui:insert name="corpoInterno"/>
	</ui:define>
</ui:composition>
</html>